<template>
  <div v-if="prop.infos">
    <div class="info" @click="hide"></div>
    <v-table :tableData='prop'></v-table>
    <v-personnel :valueP="prop"></v-personnel>
  </div>
</template>
<script>
import vTable from "./information/table";
import vPersonnel from "./information/personnel";

export default {
  name: "personnel-information",
  components: { vTable, vPersonnel },

  data() {
    return {
     
    };
  },
  mounted() {
  },
  methods: {

    hide() {   
      this.$emit('alertHide',false)
    },
    
  },
  // 接受父组件的值
  props: ['prop']
};
</script>

<style>
.info {
  width: 100%;
  height: 100vh;
  background-color: rgba(
    0,
    0,
    0,
    0.7
  ); /* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */
  z-index: 300;
  position: fixed;
  top: 0;
  bottom: 0;
}
</style>